<template>
  <!-- 科研信息 -->
  <div class="card">
    <div class="card-top">
      <div class="card-top-menu-active">科研信息</div>
    </div>
    <el-divider />
    <div class="card-bottom">
      <div class="flex justify-center">
        <img class="block w-[80px]" alt="Vue logo" src="~@/assets/b6.png" />
        <div class="flex flex-col justify-center ml-[20px]">
          <div class="flex items-center text-[14px]">
            科研成果上报：<span class="val"> 0 </span> 条
          </div>
          <div class="flex items-center text-[14px] mt-[10px]">
            科研成果完成：<span class="val"> 0 </span> 条
          </div>
        </div>
      </div>
      <el-button type="primary" round class="mt-[20px]">立即查看</el-button>
    </div>
  </div>
</template>
<script setup lang="ts"></script>

<style lang="less" scoped>
.card-bottom {
  text-align: center;
}
.val {
  color: var(--el-color-danger);
}
.el-button {
  background-color: var(--color-header-background-1);
}
</style>
